<template>
  <div class="Setting">
    <ul>
      <router-link tag="li" :to="{path:'changeinfo',query:{type:'password'}}">
        <p>修改密码</p>
        <i class="iconfont icon-fa-angle-right-copy"></i>
      </router-link>
      <router-link tag="li" :to="{path:'changeinfo',query:{type:'phone'}}">
        <p>修改手机号</p>
        <i class="iconfont icon-fa-angle-right-copy"></i>
      </router-link>
      <router-link tag="li" :to="{path:'changeinfo',query:{type:'email'}}">
        <p>修改邮箱</p>
        <i class="iconfont icon-fa-angle-right-copy"></i>
      </router-link>
      <li class="es" @click="quit">
        <p>退出登录</p>
        <i class="iconfont icon-fa-angle-right-copy"></i>
      </li>
    </ul>
  </div>
</template>

<script>
  import {DelCookie} from "../../util";
  export default {
    name: "Setting",
    methods:{
      quit(){
        DelCookie('token_');
        this.$router.push('/login')
      },
    }
  }
</script>

<style lang="scss" scoped>
  .Setting{
    width: 100%;
    height: 100%;
    ul{
      li{
        background: #fff;
        padding: 0 30px;
        height: 100px;
        border-bottom: 1px solid #F2F2F2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        &.es{
          margin: 21px 0 0 0;
          border-bottom: navajowhite;
        }
        p{
          font-size:30px;
          font-weight:400;
          color:rgba(51,51,51,1);
          line-height:30px;
        }
        i{
          margin: 3px 0 0 0;
          color: #CCCCCC;
        }
      }
    }
  }
</style>
